<template>
	<view>
		<view v-if="list.length === 0" class="flex items-center justify-center height-style">
			<u-empty style="margin-top: 40rpx;" mode="order" text="没有记录" iconSize="140"
				textSize="32">
			</u-empty>
		</view>
		<view class="list-view">
			<view class="list-item" v-for="(item, index) in list" :key="index">
				<view class="content-box">
					<view class="des-box">
						<view class="tit">
							提交审核
						</view>
						<view class="time">2024-01-08 20:20</view>
					</view>
				</view>
				<view class="money">
					{{ item.status == 1 ? '成功' : item.status == 2 ? '处理中' : '失败' }}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
					status: 2
				}]
			}
		},
		onLoad() {
			this.initData()
		},
		methods:{
			initData(){
				// 停止下拉刷新
				uni.stopPullDownRefresh();
			}
		},
		onPullDownRefresh() {
			this.list = [];
			this.initData();
		}
	}
</script>

<style lang="scss">
	.height-style{
		height: calc(100vh - 100rpx);
	}
	.list-view {
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	
	.list-item {
		width: 100%;
		padding: 30rpx 28rpx;
		box-sizing: border-box;
		background: #fff;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		border-bottom: 1rpx solid #eaeef1;
	}
	
	.item-last::after {
		left: 0 !important;
	}
	
	.content-box {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	
	.des-box {
		min-height: 80rpx;
		padding-left: 28rpx;
		box-sizing: border-box;
		vertical-align: top;
		color: #333;
		font-size: 28rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.tit {
		font-size: 32rpx;
		max-width: 420rpx;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.source {
		margin: 12rpx 0;
	}
	
	.time {
		color: #888;
		font-size: 24rpx;
	}
	
	.money {
		font-weight: 500;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding-left: 20rpx;
		color: #fd3a4c;
	}
	
	.less {
		color: #4caf50 !important;
	}
	
	.tip {
		margin-top: 50rpx;
		display: flex;
		justify-content: center;
		align-content: center;
		font-size: 24rpx;
		color: #888;
	}
</style>